<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>First Vue Demo</title>
</head>

<body>
    <!-- 1.创建一个宿主文件 -->
    <div id="app"> 自我介绍：{{name}} </div>
    <!-- 2.引入vue.js -->
    <!-- <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.7.9/vue.js"></script> -->
    <script src="../assets/vue2.js"></script>
    <script>
        // 3.创建一个vue示例
        const app = new Vue({
            el: '#app', // 【必须】指定宿主id或者class
            data() {// 输入vdata可以快速生成
                return {
                    name: '大家好，我叫小明'
                }
            }
        });
        // 4.一秒后修改下文本内容
        setTimeout(() => {
            // 直接变量修改，不用DOM操作了
            app.name = '谢谢大家';
        }, 1000);
    </script>
</body>

</html>